a{
	color: #000;
}

.band{
	margin: 0;
}

.heroimage{
	background: url("../Oncologisch Centrum Amsterdam_files/OCA_hero.jpg") no-repeat top center;
	background-size: cover;
	height: 65vh;
	
}

.content{
	background-color: #fff;
	padding: 3rem 0;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	min-height: 35vh;
}

h1.logo{
	display: inline-block;
}
img.logo{
	display: inline-block;
	max-width: 100%;
}

.logorow{
		margin: -90px 0 3rem -80px;
}

img.kaart{
	
	display: inline-block;
	width: 100%;
	margin-bottom: 2rem;
	max-width: 300px;
}

strong.locaties{
	display: inline-block;
	margin-left: 1rem;
	font-size: 1.3rem;
}

span#west, span#noord, span#oost{
padding-right: 0.5rem;
	
}

span#west::before{
	content: " ";
	background-image: url("../Oncologisch Centrum Amsterdam_files/green-dot.png");
	width: 12px;
	height: 13px;
    display: inline-block;
    margin-right: 0.3rem;
    
}

span#noord::before{
content: " ";
	background-image: url("../Oncologisch Centrum Amsterdam_files/lightblue-dot.png");
	width: 12px;
	height: 13px;
    display: inline-block;
    margin-right: 0.3rem;
}

span#oost::before{
content: " ";
	background-image: url("../Oncologisch Centrum Amsterdam_files/darkblue-dot.png");
	width: 12px;
	height: 12px;
    display: inline-block;
    margin-right: 0.3rem;
}

.row.ziekenhuizen{
	width: 80%;
}

.six.text{
	text-align: right;
	line-height: 1.8rem;

}

three.logo{
	text-align: center;
}

@media screen and (max-width: 1000px) {
  	.logorow{
		margin: -90px 0 3rem 0;
	}
	
	.heroimage{
		height: 30rem;
	}
	
	.content{
		background-color: #fff;
		padding: 3rem 0;
		position: relative;
		height: auto;
	}
}

@media screen and (max-width: 550px) {
  .row.ziekenhuizen{
	  width: 100%;
  }
  
  .three.columns.logo, .six.columns.text{
		text-align: center;

	}
	.three.columns.logo{
		width: 50%;
		padding: 3rem 1rem 0 1rem;

	}
}